﻿@model IEnumerable<SisGAC.Models.AvaliacaoArtigo>

@{
    ViewBag.Title = "Avaliação de Artigos";
}

@Styles.Render("~/Content/themes/base/css")

<h2>Avaliação de Artigos</h2>

<table>
    <tr>
        <th>Congresso</th>
        <th>Artigo</th>
        <th>Área</th>
        <th>Notas</th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>@Html.DisplayFor(modelItem => item.Artigo.Congresso.Titulo)</td>
        <td>@Html.DisplayFor(modelItem => item.Artigo.Titulo)</td>
        <td>@Html.DisplayFor(modelItem => item.Artigo.Area.Nome)</td>
        <td><a href="#" id="@item.AvaliacaoArtigoId" class="link_notas">Atribuir Notas</a></td>
        <td>
            <a href="#" id="abstract_@item.Artigo.ArtigoId" class="link_abstract">Ver Abstract</a> |
            <a href="#" id="resumo_@item.Artigo.ArtigoId" class="link_resumo">Ver Resumo</a> |
            @Html.ActionLink("Ver Artigo", "Download", new { id=item.Artigo.ArtigoId })
        </td>
        <td style="display:none;">
            <div id="dialog_abstract_@item.Artigo.ArtigoId" title="Abstract @item.Artigo.Titulo" style="display:none;">
                <p>@item.Artigo.Abstract</p>
            </div>
            <div id="dialog_resumo_@item.Artigo.ArtigoId" title="Resumo @item.Artigo.Titulo" style="display:none;">
                <p>@item.Artigo.Resumo</p>
            </div>
        </td>
    </tr>
}

</table>

<div id="dialog_notas" title="Notas" style="display:none;"></div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryui")

    <script type="text/javascript">
        $(document).ready(function () {
            $(".link_abstract,.link_resumo").click(function () {
                var id = $(this).attr('id');
                $("#dialog_" + id).dialog({
                    height: 200,
                    modal: true
                });
            });
            $(".link_notas").click(function () {
                var id = $(this).attr('id');
                $("#dialog_notas").load('/Artigos/AtribuirNotas/' + id);
                $("#dialog_notas").dialog({
                    modal: true,
                    width: 400,
                    buttons: {
                        "Salvar": function () {
                            var notas = new Array();
                            
                            $(".text_nota").each(function (i, item) {
                                notas[i] = $(this).val();
                            });
                            var data = { id: id, item_nota: notas };
                            $.post('/Artigos/SalvarNotas', $.param(data, true), function (result) {
                                if (result)
                                    $("#dialog_notas").dialog("close");
                            });
                            
                        },
                        "Cancelar": function () {
                            $(this).dialog("close");
                        }
                    }
                });
            });
        });
    </script>
    }
